<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<!-- The HTML 4.01 Transitional DOCTYPE declaration-->
<!-- above set at the top of the file will set     -->
<!-- the browser's rendering engine into           -->
<!-- "Quirks Mode". Replacing this declaration     -->
<!-- with a "Standards Mode" doctype is supported, -->
<!-- but may lead to some differences in layout.   -->

<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<meta name="author" content="murphyhan@gmail.com" />

<!--                                                               -->
<!-- Consider inlining CSS to reduce the number of requested files -->
<!--                                                               -->
<link type="text/css" rel="stylesheet" href="LiveRoam.css">

<!--                                           -->
<!-- Any title is fine                         -->
<!--                                           -->
<title>LiveRoam - Online Map Tour Diary</title>

<!--                                           -->
<!-- This script loads your compiled module.   -->
<!-- If you add any GWT meta tags, they must   -->
<!-- be added before this line.                -->
<!--                                           -->
<script type="text/javascript" language="javascript"
	src="mfh.liveroam.LiveRoam/mfh.liveroam.LiveRoam.nocache.js"></script>



</head>

<!--                                           -->
<!-- The body can have arbitrary html, or      -->
<!-- you can leave the body empty if you want  -->
<!-- to create a completely dynamic UI.        -->
<!--                                           -->
<body>

<!-- OPTIONAL: include this if you want history support -->
<iframe src="javascript:''" id="__gwt_historyFrame" tabIndex='-1'
	style="position: absolute; width: 0; height: 0; border: 0"></iframe>



<h1>Live Roam</h1>
<center>
<h6>Show your GPS route with Picasa photos on the Google Map.</h6>

<h8>DEMO:</h8><br>
<a target='_blank'
	href='http://liveroam.appspot.com/showLiveRoam?albumId=http://picasaweb.google.com/data/feed/api/user/murphyhan/albumid/5308203031087044097'>
<img id="img1"
	src="http://lh3.ggpht.com/_x99qY4ZVFFI/Sxp5yJu0qTI/AAAAAAAAKQo/xGl8S5a4heg/s400/liveroam.jpg" />
</a></center>


<br>
<form id='goForm' target="_blank" method='POST'
	enctype='multipart/form-data' action='/showLiveRoam'>
<table align="center">
	<tr>
		<td colspan="2">1. Please enter your Picasa account and click
		button of [Get Albums]:</td>
	</tr>
	<tr>
		<td colspan="2" id="picasaAlbum"></td>
	</tr>
	<tr>
		<td colspan="2">2. Select one album:</td>
	</tr>
	<tr>
		<td colspan="2" id="picasaTable"></td>
	</tr>
	<tr>
		<td>3. Upload a gpx file:</td>
		<td><input type=file name=upfile></td>
	</tr>
	<tr>
		<td>4. UTC Offset (GMT):</td>
		<td>
		<div id="utcOffset"></div><a target='_blank' href='http://www.worldtimezone.com/'>(World Time Zone)</a>
		</td>
	</tr>
	<tr>
		<td>5. Click:</td>
		<td><input type=submit value=GO!></td>
	</tr>


</table>

</form>

<br>
<center>
<table>
	<tr>
		<td>powered by:</td>
		<td><a target='_blank' href='http://code.google.com/apis/maps/'>◎Google
		Maps</a></td>
		<td><a target='_blank'
			href='http://code.google.com/apis/picasaweb/'>◎Picasa Web Albums</a></td>
		<td><a target='_blank' href='http://code.google.com/appengine/'>◎Google
		App Engine</a></td>
		<td><a target='_blank' href='http://code.google.com/webtoolkit/'>◎Google
		Web Toolkit</a></td>
		<td><a target='_blank' href='http://code.google.com/p/gwt-ext/'>◎GWT-Ext
		Widget</a></td>
		<td><a target='_blank'
			href='http://facstaff.unca.edu/mcmcclur/GoogleMaps/EncodePolyline/'>◎Mark
		McClure's EncodePolyline</a></td>
	</tr>
</table>

<a href="mailto:murphyhan@gmail.com">Contact Mail</a></center>


</body>
</html>
